/* 设置顶部导航栏的内边距为10 */
#topNav {
    -fx-padding: 10;
}

/* 设置地址输入框的样式 */
/* 使地址输入框呈现圆角矩形，设置圆角半径为20，内边距为10 */
#urlField {
    -fx-background-radius: 20;
    -fx-padding: 10;
}

/* 设置按钮的通用样式 */
.iconBg {
    -fx-background-repeat: no-repeat;
    /* 背景图片不平铺
   */
    -fx-background-position: center;
    /* 背景图片居中对齐
   */
    -fx-background-color: transparent; /* 按钮背景透明 */
    -fx-padding: 10px 15px; /* 设置内边距 */
}

/* 为后退按钮设置背景图片 */
#goBack {
    -fx-background-image: url('../images/left.png');
}

/* 为前进按钮设置背景图片 */
#goForward {
    -fx-background-image: url('../images/right.png');
}

/* 为刷新按钮设置背景图片 */
#refresh {
    -fx-background-image: url('../images/refresh.png');
}

/* 定义鼠标悬停在按钮上时的样式变化 */
/* 鼠标移动到按钮上时的变色效果 */
#goBack:hover, #goForward:hover, #refresh:hover {
    -fx-background-color: #e0e0e0;
    /* 按钮背景变为浅灰
   色 */
}

/* 设置提示信息的样式 */
.tooltip {
    -fx-background-color: #ffffff;
    /* 提示背景色为白色
   */
    -fx-text-fill: #000000;
    /* 提示文字颜色为黑色
   */
    -fx-font-size: 14px;
    /* 提示文字字体大小为
   14px */
    -fx-font-family: "Microsoft YaHei UI";
    /* 提示文字字体为微软
   雅黑 */
}